<!DOCTYPE html>
<html lang="en">
<!--  Head -->
<head>
    <meta charset="utf-8" />
    <title>产业链大数据统计系统</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <!--<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">-->
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <!-- Basic Styles-->
    <!-- Project styles -->
    <link href="assets/css/login-dispatcher.css"
          rel="stylesheet" />
    <style type="text/css">
        #container {
            background-image:
                    url('assets/img/largeScreen/cyl_bj_img.jpg');
			background-size: 100% 100%;
        }

        .header {
            height: 15vh;
        /*    border: 1px solid;	*/
            background-image:
                    url('assets/img/largeScreen/cyl_head_bj.png');
			background-repeat: repeat-x;
        }

        .header-title {
		    /* padding-top: 15vh; */
		    font-size: 3vw;
		    padding-top: 0;
		    line-height: 15vh;
        }

        .content {
		    height: 85vh;
		    width: 75vw;
		    margin: 0 auto;
		/*    border: 1px solid;	*/
		    padding: 0;
        }

        .content a {
		    width: 13vw;
		    height: 47vh;
		    margin-top: 16vh;
		/*    border: 1px solid;	*/
        }
        
        .content a img{
       	    height: 100%;
    		width: 100%;
        }
        .content a span{
        	margin-top: 32vh;
        }
    </style>



    <!-- Basic Scripts-->
    <!--<script src="${contextPath }/assets/common/js/date.js"></script>
    <script src="${contextPath }/assets/common/js/verify.js"></script>
    <script src="${contextPath }/assets/beyondadmin/js/jquery.min.js"></script>-->

    <!-- 加载本页面专用js -->

</head>
<!--  /Head -->
<!--  Body -->
<body>
<!-- BEGIN LOADER -->
<!--  END LOADER -->
<!--  Container -->

<div id="container">
    <div class="overlay"></div>
    <div class="search-overlay"></div>
    <!-- 顶部标题文字 -->
    <div class="header">
        <div class="header-title">产业链大数据统计系统</div>
    </div>
    <!-- /顶部标题文字 -->

    <!-- 中间主体按钮 -->
    <div class="content">
        <a href="show.html" style="background-image:url('assets/img/largeScreen/cyl_img1.png'); background-size:100% 100%;">
            <span>高端装备制造</span></a>

        <a href="show.html" style="background-image:url('assets/img/largeScreen/cyl_img2.png'); background-size:100% 100%;">
            <span>生物医药生产</span></a>

        <a href="show.html" style="background-image:url('assets/img/largeScreen/cyl_img3.png'); background-size:100% 100%;">
            <span>航天信息</span></a>

        <a href="show.html" style="background-image:url('assets/img/largeScreen/cyl_img4.png'); background-size:100% 100%;">
            <span>光电信息</span></a>
        <a href="show.html" style="background-image:url('assets/img/largeScreen/cyl_img5.png'); background-size:100% 100%;">
            <span>其他产业</span></a>
    </div>
    <!-- /中间主体按钮 -->

</div>
<!--  /Container -->
</body>
<!--   /Body -->
</html>
